$(function(){
	var loading=false;
	//分页允许返回的最大条路，超过此数则禁止访问后台
	var maxItems=20;
	//默认一页显示的商品数
	var pageSize=3;
	//列出商品列表的Url
	var listUrl='/o2o/frontend/listproductsbyshop';
	//默认的页码
	var pageNum=1;
	//从地址栏里获取ShopId
	var shopId=getQueryString('shopId');
	var productCategoryId='';
	var productName='';
	//获取本店铺信息以及商品类别信息列表的Url
	var searchDivUrl='/o2o/frontend/listshopdetailpageinfo?shopId='+shopId;
	//渲染出店铺基本信息以及商品类别列表以供搜索
	getSearchDivData();
	//预先加载商品信息；
	addItems(pageSize,pageNum);
	function getSearchDivData(){
		var url=searchDivUrl;
		$.getJSON(url,function(data){
			if(data.success){
				var shop=data.shop;
				$('#shop-cover-pic').attr('src',shop.shopImg);
				$('#shop-update-time').html(new Date(shop.lastEditTime).Format('yyyy-MM-dd'));
				$('#shop-name').html(shop.shopName);
				$('#shop-desc').html(shop.shopDesc);
				$('#shop-addr').html(shop.shopAddr);
				$('#shop-phone').html(shop.phone);
				//获取后台返回的该店铺的商品类别列表
				var productCategoryList=data.productCategoryList;
				var html='';
				//遍历商品列表，生成可以点击搜索相应商品类别下的商品a标签
				productCategoryList.map(function(item,index){
					html+='<a href="#" class="button" data-product-search-id='
						+item.productCategoryId
						+'>'
						+item.productCategoryName
						+'</a>'
				});
				$('#shopdetail-button-div').html(html);
			}
			
		});
}
	
	function addItems(pageSize,pageIndex){
		//拼接处查询的URL，赋空值就去掉这个条件限制，有值就代表按着个条件查询
		var url=listUrl+'?'+'pageIndex='+pageIndex+'&pageSize='
				+pageSize+'&productCategoryId='+productCategoryId
				+'&productName='+productName+'&shopId='+shopId;
		//设定加载符，若还在后台取数据则不能再次访问后台，避免多次重复提交
		loading=true;
		//访问后台获取响应查询条件下的商品列表
		$.getJSON(url,function(data){
			if(data.success){
				//获取当前查询条件下的商品总数
				maxItems=data.count;
				var html='';
				//遍历商品列表，拼接卡片集合
				data.productList.map(function(item,index){
					html+=''+'<div class="card" data-product-id="'
					+item.productId+'">'
					+'<div class="card-header">'+item.productName+'</div>'
					+'<div class="card-content">'
					+'<div class="list-block media-list">'+'<ul>'
					+'<li class="item-content">'
					+'<div class="item-media">'+'<img src="'
					+item.imgAddr+'" width="44">'+'</div>'
					+'<div class="item-inner">'
					+'<div class="item-subtitle">'+item.productDesc
					+'</div>'+'</div>'+'</li>'+'</ul>'
					+'</div>'+'</div>'+'<div class="card-footer">'
					+'<p class="color-gray">'
					+ new Date(item.lastEditTime).Format("yyyy-MM-dd")
					+'更新</p>'+'<span>点击查看</span>'+'</div>'
					+'</div>';
				});
				//将卡片集合添加到目标HTML组件里
				$('.list-div').append(html);
				//获取目前为止已显示的卡片总数，包含之前已经加载的
				var total=$('.list-div .card').length;
				//若总数达到跟按照此查询条件列出来的总数一致，则停止后台的加载
				if(total>=maxItems){
					//加载完毕，则注销无限加载时间，以防不必要的加载
					$.detachInfiniteScroll($('.infinite-scroll'));
					//删除加载提示符
					$('.infinite-scroll-preloader').remove();
				}
				//否则页码加1，进行load出新的店铺
				pageNum+=1;
				loading=false;
				//刷新页面，显示新家爱的店铺
				$.refreshScroller();
				
			}
			
		});
	}
	
	//下滑屏幕自动进行分页搜索
	$(document).on('infinite','.infinite-scroll-bottom',function(){
		if(loading)return;
			addItems(pageSize,pageNum);
		
	});
	
	//选择新的店铺类别之后，重置页码，清空原先的店铺列表，按照新的类别去查询
	$('#shopdetail-button-div').on('click','.button',function(e){
		if(parentId){//如果传递过来的是一个父类下的子类
			productCategoryId=e.target.dataset.productSearchId;
			//若之前已选定了别的category，则移除其选定效果，改成选定新的
			if($(e.target).hasClass('button-fill')){
				$(e.target).removeClass('button-fill');
				productCategoryId='';
			}else{
				$(e.target).addClass('button-fill').siblings().removeClass('button-fill');
			}
			//由于查询条件改变，清空店铺列表在进行查询
			$('.list-div').empty();
			pageNum=1;
			addItems(pageSize,pageNum);
		}
	});
	
	//点击商品的卡片进入该商品的详情页
	$('.list-div').on('click','card',function(e){
		var productId=e.currentTarget.dataset.productId;
		location.href='/o2o/frontend/productdetail?productId='+productId;
	});
	//需要查询的名字发生变化后，重置页码，情况原先的商品列表，按照新名字进行查询
	$('#search').on('input',function(e){
		productName=e.target.value;
		$('.list-div').empty();
		pageNum=1;
		addItems(pageSize,pageNum);
	});
	//点开右边
	$('#me').click(function(){
		$.openPanel('#panel-right-demo');
	});
	//初始化页面
	$.init();
})